<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>移动端的布局用过媒体查询吗？</title>
<style type="text/css">
</style>
</head>
<body>
<pre>
假设你现在正用一台显示设备来阅读这篇文章，同时你也想把它投影到屏幕上，或者打印出来，而显示设备、屏幕投影和打印等这些
媒介都有自己的特点，CSS就是为文档提供在不同媒介上展示的适配方法

当媒体查询为真时，相关的样式表或样式规则会按照正常的级联规被应用。当媒体查询返回假，标签上带有媒体查询的样式表仍将被
下载（只不过不会被应用）。

包含了一个媒体类型和至少一个使用宽度、高度和颜色等媒体属性来限制样式表范围的表达式。CSS3加入的媒体查询使得无需修改
内容便可以使样式应用于某些特定的设备范围。
详细资料可以参考： 《CSS3@media 查询》 《响应式布局和自适应布局详解》
</pre>
<script type="text/javascript">

</script>
</body>
</html>
